<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
</head>
  <body>
<div style="width: 100%; height: 100%; position: relative; background: white">
    <div style="padding-top: 196px; padding-bottom: 24px; padding-left: 518px; padding-right: 518px; left: 0px; top: 2738px; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); flex-direction: column; justify-content: flex-end; align-items: center; gap: 172px; display: inline-flex">
        <div style="align-self: stretch; height: 208px; flex-direction: column; justify-content: center; align-items: center; gap: 32px; display: inline-flex">
            <div style="align-self: stretch; height: 128px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
                <div style="align-self: stretch; text-align: center; color: white; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">TITLE TITLE TITLE</div>
                <div style="align-self: stretch; text-align: center; color: white; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 32px; word-wrap: break-word">WOOWJI was founded in 2020 in Los Angeles, CA, USA, and is committed to the perfect fusion of unique creativity and craftsmanship, following the concept of sustainable development.</div>
            </div>
            <div style="padding-left: 33px; padding-right: 33px; padding-top: 11px; padding-bottom: 11px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                <div style="text-align: center; color: #333333; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 26px; word-wrap: break-word">Shop Now</div>
            </div>
        </div>
        <div style="width: 48px; height: 0px; border: 4px white solid"></div>
        <div style="width: 48px; height: 0px; border: 4px rgba(255, 255, 255, 0.30) solid"></div>
        <div style="width: 48px; height: 0px; border: 4px rgba(255, 255, 255, 0.30) solid"></div>
        <div style="width: 48px; height: 0px; border: 4px rgba(255, 255, 255, 0.30) solid"></div>
    </div>
    <div style="height: 417px; left: 63px; top: 3458px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 48px; display: inline-flex">
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">SHOP BY CATEGORY</div>
        <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 24px; display: inline-flex">
            <div style="width: 279px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex">
                <div style="width: 279px; height: 279px; position: relative; background: #F7F7F7">
                    <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute" src="https://via.placeholder.com/279x279" />
                    <div style="width: 93px; height: 40px; left: 87px; top: 7px; position: absolute; background: #F7F7F7"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; text-decoration: underline; line-height: 26px; word-wrap: break-word">bracelets</div>
            </div>
            <div style="width: 279px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex">
                <div style="width: 279px; height: 279px; position: relative; background: #F5F7FA">
                    <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, #F7F7F7 0%, #F7F7F7 100%)" src="https://via.placeholder.com/279x279" />
                    <div style="width: 279px; height: 40px; left: 0px; top: 239px; position: absolute; background: #F9F9F9"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">earrings</div>
            </div>
            <div style="width: 279px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex">
                <div style="width: 279px; height: 279px; position: relative; background: #F5F7FA">
                    <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, #F7F7F7 0%, #F7F7F7 100%)" src="https://via.placeholder.com/279x279" />
                    <div style="width: 279px; height: 23px; left: 0px; top: 0px; position: absolute; background: #F7F7F7"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">necklaces</div>
            </div>
            <div style="width: 279px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex">
                <div style="width: 279px; height: 279px; position: relative; background: #F5F7FA">
                    <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, #F7F7F7 0%, #F7F7F7 100%)" src="https://via.placeholder.com/279x279" />
                    <div style="width: 279px; height: 47px; left: 0px; top: 0px; position: absolute; background: #F7F7F7"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">rings</div>
            </div>
            <div style="width: 279px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex">
                <div style="width: 279px; height: 279px; position: relative; background: #F5F7FA">
                    <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, #F7F7F7 0%, #F7F7F7 100%)" src="https://via.placeholder.com/279x279" />
                    <div style="width: 279px; height: 23px; left: 0px; top: 0px; position: absolute; background: #F7F7F7"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">necklaces</div>
            </div>
            <div style="width: 279px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex">
                <div style="width: 279px; height: 279px; position: relative; background: #F5F7FA">
                    <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, #F7F7F7 0%, #F7F7F7 100%)" src="https://via.placeholder.com/279x279" />
                    <div style="width: 279px; height: 47px; left: 0px; top: 0px; position: absolute; background: #F7F7F7"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">rings</div>
            </div>
        </div>
    </div>
    <div style="left: 879px; top: 8158px; position: absolute; text-align: center; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">Reviews</div>
    <div style="height: 1052px; left: 0px; top: 1566px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 32px; display: inline-flex">
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">TITLE TITLE TITLE</div>
        <div style="padding-left: 24px; background: #F7F7F7; justify-content: flex-end; align-items: center; gap: 23px; display: inline-flex">
            <div style="width: 924px; height: 924px; padding-top: 900px; padding-bottom: 24px; padding-left: 24px; padding-right: 660px; background-image: url(https://via.placeholder.com/924x924); justify-content: flex-start; align-items: center; display: inline-flex">
                <div style="width: 48px; height: 0px; border: 4px #333333 solid"></div>
                <div style="width: 48px; height: 0px; border: 4px rgba(51, 51, 51, 0.30) solid"></div>
                <div style="width: 48px; height: 0px; border: 4px rgba(51, 51, 51, 0.30) solid"></div>
                <div style="width: 48px; height: 0px; border: 4px rgba(51, 51, 51, 0.30) solid"></div>
            </div>
            <div style="width: 949px; height: 972px; position: relative; background-image: url(https://via.placeholder.com/949x972); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                <div style="width: 442px; height: 120px; background: #F7F7F7"></div>
                <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex">
                    <div style="color: #333333; font-size: 24px; font-family: Inter; font-weight: 600; line-height: 32px; word-wrap: break-word">Croissant Thin Cuff Bracelet</div>
                    <div style="align-self: stretch; color: #333333; font-size: 24px; font-family: Inter; font-weight: 400; line-height: 32px; word-wrap: break-word">$49.00</div>
                    <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                        <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                        </div>
                    </div>
                </div>
                <div style="padding-left: 33px; padding-right: 33px; padding-top: 11px; padding-bottom: 11px; background: #333333; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                    <div style="text-align: center; color: white; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 26px; word-wrap: break-word">Shop Now</div>
                </div>
            </div>
        </div>
    </div>
    <div style="left: 64px; top: 3995px; position: absolute; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">TITLE</div>
    <div style="left: 1389px; top: 4003px; position: absolute; justify-content: flex-start; align-items: center; gap: 40px; display: inline-flex">
        <div style="padding-top: 8px; padding-bottom: 8px; border-bottom: 1px #333333 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">New In</div>
        </div>
        <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">bracelets</div>
        </div>
        <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">earrings</div>
        </div>
        <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">necklaces</div>
        </div>
        <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">rings</div>
        </div>
    </div>
    <img style="width: 734px; height: 826px; left: 64px; top: 4091px; position: absolute; border: 1px #F7F7F7 solid" src="https://via.placeholder.com/734x826" />
    <div style="left: 837px; top: 4091px; position: absolute; justify-content: flex-start; align-items: center; gap: 24px; display: inline-flex">
        <div style="width: 432px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
            <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                <div style="width: 232px; height: 76px; left: 99px; top: 10px; position: absolute; background: #F7F7F7"></div>
            </div>
            <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                    <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Figure Slim Stacker Set</div>
                    <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                    <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                        <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                        </div>
                    </div>
                </div>
                <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00</div>
            </div>
        </div>
        <div style="width: 432px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
            <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                <div style="width: 248px; height: 63px; left: 91px; top: 8px; position: absolute; background: #F7F7F7"></div>
            </div>
            <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                    <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Figure Slim Stacker Set</div>
                    <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                    <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                        <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                        </div>
                    </div>
                </div>
                <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00</div>
            </div>
        </div>
        <div style="width: 432px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
            <div style="width: 430px; height: 550px; background: #F8F7F3; flex-direction: column; justify-content: center; align-items: center; display: flex">
                <img style="width: 432px; height: 550px" src="https://via.placeholder.com/432x550" />
            </div>
            <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                    <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Figure Slim Stacker Set</div>
                    <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                    <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                        <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                        </div>
                        <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                            <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                        </div>
                    </div>
                </div>
                <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
            </div>
        </div>
    </div>
    <div style="padding-left: 33px; padding-right: 33px; padding-top: 11px; padding-bottom: 11px; left: 837px; top: 4869px; position: absolute; background: #333333; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
        <div style="text-align: center; color: white; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 26px; word-wrap: break-word">Shop Now</div>
    </div>
    <div style="height: 1353px; padding-left: 366px; padding-right: 366px; padding-top: 80px; padding-bottom: 80px; left: 0px; top: 5037px; position: absolute; background: #F0F0F0; flex-direction: column; justify-content: center; align-items: center; gap: 64px; display: inline-flex">
        <div style="width: 1188px; height: 921px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
            <img style="width: 757px; height: 921px" src="https://via.placeholder.com/757x921" />
            <div style="width: 279px; height: 279px; position: relative; background: #F7F4EE">
                <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, #F7F7F7 0%, #F7F7F7 100%)" src="https://via.placeholder.com/279x279" />
                <div style="width: 49px; height: 9px; left: 118px; top: 270px; position: absolute; background: #F9F9F9"></div>
            </div>
            <div style="width: 279px; height: 279px; position: relative; background: #F7F7F7">
                <img style="width: 279px; height: 279px; left: 0px; top: 0px; position: absolute" src="https://via.placeholder.com/279x279" />
                <div style="width: 96px; height: 30px; left: 97px; top: 9px; position: absolute; background: #F7F7F7"></div>
            </div>
        </div>
        <div style="align-self: stretch; height: 208px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 32px; display: inline-flex">
            <div style="align-self: stretch; height: 128px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: flex">
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">TITLE TITLE TITLE</div>
                <div style="align-self: stretch; text-align: center; color: rgba(51, 51, 51, 0.85); font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 32px; word-wrap: break-word">WOOWJI was founded in 2020 in Los Angeles, CA, USA, and is committed to the perfect fusion of unique creativity and craftsmanship, following the concept of sustainable development.</div>
            </div>
            <div style="padding-left: 33px; padding-right: 33px; padding-top: 11px; padding-bottom: 11px; background: #333333; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                <div style="text-align: center; color: white; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 26px; word-wrap: break-word">Shop Now</div>
            </div>
        </div>
    </div>
    <div style="left: 63px; top: 6510px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 80px; display: inline-flex">
        <div style="height: 1528px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 48px; display: flex">
            <div style="align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex">
                <div style="color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">TITLE</div>
                <div style="justify-content: flex-start; align-items: center; gap: 40px; display: flex">
                    <div style="padding-top: 8px; padding-bottom: 8px; border-bottom: 1px #333333 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
                        <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">New In</div>
                    </div>
                    <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
                        <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">bracelets</div>
                    </div>
                    <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
                        <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">earrings</div>
                    </div>
                    <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
                        <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">necklaces</div>
                    </div>
                    <div style="padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: flex">
                        <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 24px; word-wrap: break-word">rings</div>
                    </div>
                </div>
            </div>
            <div style="align-self: stretch; height: 692px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 48px; display: flex">
                <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background-image: url(https://via.placeholder.com/430x550)">
                            <div style="padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; left: 258px; top: 486px; position: absolute; background: white; border-radius: 24px; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                                <div style="color: #333333; font-size: 16px; font-family: Labor Union; font-weight: 400; line-height: 24px; word-wrap: break-word">Add To Cart</div>
                            </div>
                            <div style="width: 40px; height: 40px; padding: 8px; left: 390px; top: 0px; position: absolute; background: #333333; justify-content: center; align-items: center; display: inline-flex">
                                <div style="width: 24px; height: 24px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex">
                                    <div style="width: 20px; height: 17.16px; border: 1.50px white solid"></div>
                                </div>
                            </div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-flex">
                                <div style="align-self: stretch; height: 54px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex">
                                    <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Celestial Stacker Ring</div>
                                    <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                </div>
                                <div style="justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 232px; height: 76px; left: 99px; top: 10px; position: absolute; background: #F7F7F7"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Thin Chain Stacked Band Necklace</div>
                                <div style="justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                                    <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                </div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 248px; height: 63px; left: 91px; top: 8px; position: absolute; background: #F7F7F7"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Thin Figaro Chain Necklace</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F8F7F3">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 138px; height: 59px; left: 152px; top: 469px; position: absolute; background: #F9F9F9"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Figure Slim Stacker Set</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 248px; height: 63px; left: 91px; top: 8px; position: absolute; background: #F7F7F7"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Thin Chain Stacked Band Necklace</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                </div>
                <div style="width: 400px; height: 0px; border: 1.50px #333333 solid"></div>
                <div style="align-self: stretch; height: 0px; border: 1.50px rgba(51, 51, 51, 0.32) solid"></div>
            </div>
            <div style="align-self: stretch; height: 692px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 48px; display: flex">
                <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 232px; height: 76px; left: 99px; top: 10px; position: absolute; background: #F7F7F7"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Thin Chain Stacked Band Necklace</div>
                                <div style="justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                                    <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                </div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 248px; height: 63px; left: 91px; top: 8px; position: absolute; background: #F7F7F7"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Thin Figaro Chain Necklace</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F8F7F3">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 138px; height: 59px; left: 152px; top: 469px; position: absolute; background: #F9F9F9"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Figure Slim Stacker Set</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F7F7F7">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 248px; height: 63px; left: 91px; top: 8px; position: absolute; background: #F7F7F7"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Thin Figaro Chain Necklace</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                    <div style="width: 430px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
                        <div style="width: 430px; height: 550px; position: relative; background: #F8F7F3">
                            <img style="width: 432px; height: 550px; left: -1px; top: 0px; position: absolute" src="https://via.placeholder.com/432x550" />
                            <div style="width: 138px; height: 59px; left: 152px; top: 469px; position: absolute; background: #F9F9F9"></div>
                        </div>
                        <div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: inline-flex">
                                <div style="align-self: stretch; color: #333333; font-size: 18px; font-family: Inter; font-weight: 600; line-height: 26px; word-wrap: break-word">Figure Slim Stacker Set</div>
                                <div style="color: #666666; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Category</div>
                                <div style="padding-top: 4px; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
                                    <div style="padding: 4px; border-radius: 100px; border: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #FFD196; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DD9D88; border-radius: 9999px"></div>
                                    </div>
                                    <div style="padding: 4px; border-radius: 100px; justify-content: flex-start; align-items: center; gap: 10px; display: flex">
                                        <div style="width: 8px; height: 8px; background: #DFDFDF; border-radius: 9999px"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">$49.00 USD</div>
                        </div>
                    </div>
                </div>
                <div style="width: 400px; height: 0px; border: 1.50px #333333 solid"></div>
                <div style="align-self: stretch; height: 0px; border: 1.50px rgba(51, 51, 51, 0.32) solid"></div>
            </div>
        </div>
    </div>
    <div style="height: 412px; padding-top: 80px; padding-bottom: 100px; padding-left: 64px; padding-right: 64px; left: 0px; top: 8806px; position: absolute; background: #F5F5F5; flex-direction: column; justify-content: flex-start; align-items: center; gap: 80px; display: inline-flex">
        <div style="text-align: center; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; text-transform: uppercase; line-height: 48px; word-wrap: break-word">Service</div>
        <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 40px; display: inline-flex">
            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex">
                <div style="width: 48px; height: 48px; position: relative">
                    <div style="width: 40px; height: 31px; left: 4px; top: 8px; position: absolute; border: 2px #333333 solid"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">Fast and free delivery</div>
            </div>
            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex">
                <div style="width: 48px; height: 48px; position: relative">
                    <div style="width: 40px; height: 40px; left: 4px; top: 4px; position: absolute; border: 2px #333333 solid"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">30 day refund guarantee</div>
            </div>
            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex">
                <div style="width: 48px; height: 48px; position: relative">
                    <div style="width: 37.71px; height: 27.43px; left: 5.14px; top: 16.86px; position: absolute; border: 2px #333333 solid"></div>
                    <div style="width: 24px; height: 12px; left: 12px; top: 4.86px; position: absolute; border: 2px #333333 solid"></div>
                    <div style="width: 6.86px; height: 6.86px; left: 20.57px; top: 23.71px; position: absolute; background: #333333"></div>
                    <div style="width: 0px; height: 6.86px; left: 24px; top: 27.14px; position: absolute; border: 2px #333333 solid"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">Worry free guarantee</div>
            </div>
            <div style="flex: 1 1 0; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex">
                <div style="width: 48px; height: 48px; position: relative">
                    <div style="width: 41.14px; height: 41.14px; left: 3.43px; top: 3.43px; position: absolute; border: 2px #333333 solid"></div>
                    <div style="width: 30.86px; height: 24px; left: 13.71px; top: 7.71px; position: absolute; border: 2px #333333 solid"></div>
                </div>
                <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">Lifetime customer support</div>
            </div>
        </div>
    </div>
    <div style="width: 1792px; height: 412px; left: 64px; top: 9338px; position: absolute; background: #CDFF62">
        <div style="height: 120px; left: 64px; top: 80px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
            <div style="align-self: stretch; color: #333333; font-size: 40px; font-family: Inter; font-weight: 600; text-transform: uppercase; line-height: 48px; word-wrap: break-word">Sign up and save</div>
            <div style="align-self: stretch; color: #333333; font-size: 20px; font-family: Inter; font-weight: 500; line-height: 28px; word-wrap: break-word">Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals.</div>
        </div>
        <div style="width: 708px; padding-top: 24px; padding-bottom: 24px; left: 64px; top: 220px; position: absolute; border-bottom: 1px #333333 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
            <div style="flex: 1 1 0; color: #333333; font-size: 56px; font-family: Labor Union; font-weight: 400; line-height: 64px; word-wrap: break-word">enter your email</div>
            <div style="width: 56px; height: 56px; position: relative">
                <div style="width: 42px; height: 0px; left: 7px; top: 28px; position: absolute; border: 2px #333333 solid"></div>
                <div style="width: 14px; height: 28px; left: 35px; top: 14px; position: absolute; border: 2px #333333 solid"></div>
            </div>
        </div>
        <div style="width: 100px; height: 100px; left: 1571px; top: 141px; position: absolute"></div>
    </div>
    <div style="height: 668px; left: 0px; top: 9870px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">
        <div style="align-self: stretch; height: 352px; justify-content: flex-start; align-items: flex-start; display: inline-flex">
            <div style="width: 796px; padding: 64px; border: 1px #333333 solid; flex-direction: column; justify-content: center; align-items: flex-start; gap: 99px; display: inline-flex">
                <img style="width: 175px; height: 47px" src="https://via.placeholder.com/175x47" />
                <div style="width: 668px; color: #333333; font-size: 18px; font-family: Inter; font-weight: 400; line-height: 26px; word-wrap: break-word">WOOWJI, a fresh and innovative brand, is dedicated to providing exquisite and unique pieces that resonate with every fashion enthusiast. Whether you’re aiming for an elegant daily look or a glamorous evening appearance.</div>
            </div>
            <div style="height: 352px; padding: 64px; border: 1px #333333 solid; justify-content: center; align-items: flex-start; gap: 155px; display: flex">
                <div style="width: 260px; align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; display: inline-flex">
                    <div style="color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">About</div>
                    <div style="color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">Collections</div>
                    <div style="color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">All products</div>
                    <div style="color: #333333; font-size: 24px; font-family: Labor Union; font-weight: 400; line-height: 32px; word-wrap: break-word">Blog</div>
                </div>
                <div style="flex: 1 1 0; align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
                    <div style="flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
                        <div style="align-self: stretch; color: #333333; font-size: 20px; font-family: Inter; font-weight: 500; line-height: 28px; word-wrap: break-word">Police</div>
                        <div style="align-self: stretch; height: 120px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Terms of Service</div>
                            <div style="align-self: stretch; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Refund Policy</div>
                            <div style="align-self: stretch; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Shipping Policy</div>
                            <div style="align-self: stretch; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Privacy Policy</div>
                        </div>
                    </div>
                    <div style="flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
                        <div style="align-self: stretch; color: #333333; font-size: 20px; font-family: Inter; font-weight: 500; text-transform: capitalize; line-height: 28px; word-wrap: break-word">Contant us</div>
                        <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
                            <div style="color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Contant us</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="align-self: stretch; height: 316px; justify-content: flex-start; align-items: flex-start; display: inline-flex">
            <div style="width: 796px; height: 316px; position: relative; border: 1px #333333 solid">
                <div style="width: 288px; left: 444px; top: 64px; position: absolute; justify-content: space-between; align-items: center; display: inline-flex">
                    <div style="width: 32px; height: 32px; position: relative">
                        <div style="width: 26.67px; height: 26.51px; left: 2.67px; top: 2.67px; position: absolute; background: #333333"></div>
                    </div>
                    <div style="width: 32px; height: 32px; position: relative">
                        <div style="width: 24px; height: 24px; left: 4px; top: 4px; position: absolute; background: #333333"></div>
                    </div>
                    <div style="width: 32px; height: 32px; position: relative">
                        <div style="width: 18.20px; height: 20.58px; left: 1.21px; top: 5.71px; position: absolute; background: #333333"></div>
                        <div style="width: 12.74px; height: 8.62px; left: 17.93px; top: 5.71px; position: absolute; background: #333333"></div>
                        <div style="width: 12.74px; height: 8.62px; left: 17.93px; top: 17.67px; position: absolute; background: #333333"></div>
                    </div>
                    <div style="width: 32px; height: 32px; position: relative">
                        <div style="width: 26.67px; height: 21.33px; left: 2.67px; top: 5.33px; position: absolute; background: #333333"></div>
                    </div>
                    <div style="width: 32px; height: 32px; position: relative">
                        <div style="width: 26.67px; height: 26.67px; left: 2.67px; top: 2.67px; position: absolute; background: #333333"></div>
                    </div>
                </div>
                <div style="left: 64px; top: 228px; position: absolute; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">© 2024 WOOWJI</div>
                <div style="width: 147px; left: 64px; top: 67px; position: absolute; justify-content: space-between; align-items: center; display: inline-flex">
                    <div style="width: 24px; height: 24px; position: relative">
                        <div style="width: 8px; height: 15.72px; left: 0px; top: 4.14px; position: absolute; background: #41479B"></div>
                        <div style="width: 8px; height: 15.72px; left: 8px; top: 4.14px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 8px; height: 15.72px; left: 16px; top: 4.14px; position: absolute; background: #FF4B55"></div>
                    </div>
                    <div style="color: #333333; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 26px; word-wrap: break-word">france (FR)</div>
                </div>
            </div>
            <div style="width: 1124px; padding: 64px; border: 1px #333333 solid; flex-direction: column; justify-content: center; align-items: flex-start; gap: 48px; display: inline-flex">
                <div style="color: #333333; font-size: 20px; font-family: Inter; font-weight: 500; line-height: 28px; word-wrap: break-word">Subscribe today and get 10% off your first purchase</div>
                <div style="align-self: stretch; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px #333333 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                    <div style="flex: 1 1 0; color: #333333; font-size: 56px; font-family: Labor Union; font-weight: 400; line-height: 64px; word-wrap: break-word">enter your email</div>
                    <div style="width: 56px; height: 56px; position: relative">
                        <div style="width: 42px; height: 0px; left: 7px; top: 28px; position: absolute; border: 2px #333333 solid"></div>
                        <div style="width: 14px; height: 28px; left: 35px; top: 14px; position: absolute; border: 2px #333333 solid"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="height: 384px; padding: 48px; left: 357px; top: 8302px; position: absolute; border: 1px #333333 solid; flex-direction: column; justify-content: center; align-items: center; gap: 48px; display: inline-flex">
        <div style="align-self: stretch; justify-content: center; align-items: center; gap: 16px; display: inline-flex">
            <img style="width: 48px; height: 48px; background: linear-gradient(0deg, #D9D9D9 0%, #D9D9D9 100%); border-radius: 9999px" src="https://via.placeholder.com/48x48" />
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Stephanie B </div>
        </div>
        <div style="align-self: stretch; justify-content: center; align-items: flex-start; gap: 48px; display: inline-flex">
            <div style="flex: 1 1 0; color: #333333; font-size: 24px; font-family: Inter; font-weight: 500; line-height: 32px; word-wrap: break-word">“Ok so I literally I literally I literally don’t know how I’ve ved without cacio e pepe flavored popcorn until now. O.M.G. this is freaking amazing ...</div>
            <img style="width: 156px; height: 192px" src="https://via.placeholder.com/156x192" />
        </div>
    </div>
    <div style="height: 384px; padding: 48px; left: 964px; top: 8254px; position: absolute; border: 1px #333333 solid; flex-direction: column; justify-content: center; align-items: center; gap: 48px; display: inline-flex">
        <div style="align-self: stretch; justify-content: center; align-items: center; gap: 16px; display: inline-flex">
            <img style="width: 48px; height: 48px; background: linear-gradient(0deg, #D9D9D9 0%, #D9D9D9 100%); border-radius: 9999px" src="https://via.placeholder.com/48x48" />
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Stephanie B </div>
        </div>
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Inter; font-weight: 500; line-height: 32px; word-wrap: break-word">“My son tried Cob at camp and told me I needed to buy it. I honestly think I’ve eaten more of the bags than he has lol. This stuff is seriously addictive. Can’t even decide which flavor is our favorite because they’re just that good.”</div>
    </div>
    <div style="height: 384px; padding: 48px; left: -266px; top: 8254px; position: absolute; border: 1px #333333 solid; flex-direction: column; justify-content: center; align-items: center; gap: 48px; display: inline-flex">
        <div style="align-self: stretch; justify-content: center; align-items: center; gap: 16px; display: inline-flex">
            <img style="width: 48px; height: 48px; background: linear-gradient(0deg, #D9D9D9 0%, #D9D9D9 100%); border-radius: 9999px" src="https://via.placeholder.com/48x48" />
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Stephanie B </div>
        </div>
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Inter; font-weight: 500; line-height: 32px; word-wrap: break-word">“My son tried Cob at camp and told me I needed to buy it. I honestly think I’ve eaten more of the bags than he has lol. This stuff is seriously addictive. Can’t even decide which flavor is our favorite because they’re just that good.”</div>
    </div>
    <div style="height: 352px; padding: 48px; left: 1579px; top: 8302px; position: absolute; border: 1px #333333 solid; flex-direction: column; justify-content: center; align-items: center; gap: 48px; display: inline-flex">
        <div style="align-self: stretch; justify-content: center; align-items: center; gap: 16px; display: inline-flex">
            <img style="width: 48px; height: 48px; background: linear-gradient(0deg, #D9D9D9 0%, #D9D9D9 100%); border-radius: 9999px" src="https://via.placeholder.com/48x48" />
            <div style="text-align: center; color: #333333; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word">Stephanie B </div>
        </div>
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 24px; font-family: Inter; font-weight: 500; line-height: 32px; word-wrap: break-word">“Cob is absolutely AMAZING - I feel like it’s got this nuttiness to it that is even better than corn, my kids are obsessed and it’s totally toddler safe! We’ll be subscribing for sure.”</div>
    </div>
    <div style="height: 304px; left: 344px; top: 224px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 24px; display: inline-flex">
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 32px; font-family: Inter; font-weight: 400; line-height: 40px; word-wrap: break-word">Exclusive Offer</div>
        <div style="align-self: stretch; text-align: center; color: #333333; font-size: 120px; font-family: Inter; font-weight: 600; text-transform: uppercase; line-height: 120px; word-wrap: break-word">20% on All Accessories</div>
    </div>
    <div style="width: 1490px; height: 838px; left: 211px; top: 608px; position: absolute">
        <div style="width: 1490px; height: 838px; left: 0px; top: 0px; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%)"></div>
        <div style="height: 208px; left: 303px; top: 550px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 32px; display: inline-flex">
            <div style="align-self: stretch; height: 128px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 16px; display: flex">
                <div style="align-self: stretch; text-align: center; color: white; font-size: 40px; font-family: Inter; font-weight: 600; line-height: 48px; word-wrap: break-word">3mm Bold Zirconia Shine Band</div>
                <div style="align-self: stretch; text-align: center; color: white; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 32px; word-wrap: break-word">WOOWJI was founded in 2020 in Los Angeles, CA, USA, and is committed to the perfect fusion of unique creativity and craftsmanship, following the concept of sustainable development.</div>
            </div>
            <div style="padding-left: 33px; padding-right: 33px; padding-top: 11px; padding-bottom: 11px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
                <div style="text-align: center; color: #333333; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: capitalize; line-height: 26px; word-wrap: break-word">Shop Now</div>
            </div>
        </div>
    </div>
    <div style="padding-top: 16px; padding-bottom: 16px; padding-left: 770px; padding-right: 64px; left: 0px; top: 0px; position: absolute; background: #F5F5F5; justify-content: flex-end; align-items: center; gap: 384px; display: inline-flex">
        <div style="text-align: center; color: #333333; font-size: 16px; font-family: Labor Union; font-weight: 400; line-height: 24px; word-wrap: break-word">Exclusive Offer：20% on All Accessories</div>
        <div style="align-self: stretch; justify-content: flex-end; align-items: center; gap: 32px; display: inline-flex">
            <div style="justify-content: flex-start; align-items: center; gap: 4px; display: flex">
                <div style="width: 24px; height: 24px; position: relative">
                    <div style="width: 24px; height: 15.72px; left: 0px; top: 4.14px; position: absolute; background: #F5F5F5"></div>
                    <div style="width: 24px; height: 15.72px; left: 0px; top: 4.14px; position: absolute">
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 0px; position: absolute; background: #FF4B55"></div>
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 4.84px; position: absolute; background: #FF4B55"></div>
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 2.42px; position: absolute; background: #FF4B55"></div>
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 7.26px; position: absolute; background: #FF4B55"></div>
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 12.10px; position: absolute; background: #FF4B55"></div>
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 14.51px; position: absolute; background: #FF4B55"></div>
                        <div style="width: 24px; height: 1.21px; left: 0px; top: 9.68px; position: absolute; background: #FF4B55"></div>
                    </div>
                    <div style="width: 11.17px; height: 8.47px; left: 0px; top: 4.14px; position: absolute; background: #41479B"></div>
                    <div style="width: 9.84px; height: 6.62px; left: 0.67px; top: 5.06px; position: absolute">
                        <div style="width: 0.91px; height: 0.87px; left: 0px; top: 0px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 0px; top: 1.44px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 0px; top: 2.87px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 0px; top: 4.31px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 0px; top: 5.75px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 1.12px; top: 0.70px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 1.12px; top: 2.14px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 1.12px; top: 3.58px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 1.12px; top: 5.02px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 2.23px; top: 0px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 2.23px; top: 1.44px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 2.23px; top: 2.87px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 2.23px; top: 4.31px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 2.23px; top: 5.75px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 3.35px; top: 0.70px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 3.35px; top: 2.14px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 3.35px; top: 3.58px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 3.35px; top: 5.02px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 4.46px; top: 0px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 4.46px; top: 1.44px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 4.46px; top: 2.87px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 4.46px; top: 4.31px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 4.46px; top: 5.75px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 5.58px; top: 0.70px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 5.58px; top: 2.14px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 5.58px; top: 3.58px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 5.58px; top: 5.02px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 6.69px; top: 0px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 6.69px; top: 1.44px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 6.69px; top: 2.87px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 6.69px; top: 4.31px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 6.69px; top: 5.75px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 7.81px; top: 0.70px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 7.81px; top: 2.14px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 7.81px; top: 3.58px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 7.81px; top: 5.02px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 8.92px; top: 0px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 8.92px; top: 1.44px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 8.92px; top: 2.87px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 8.92px; top: 4.31px; position: absolute; background: #F5F5F5"></div>
                        <div style="width: 0.91px; height: 0.87px; left: 8.92px; top: 5.75px; position: absolute; background: #F5F5F5"></div>
                    </div>
                </div>
                <div style="color: #333333; font-size: 18px; font-family: Inter; font-weight: 400; line-height: 18px; word-wrap: break-word">USD $</div>
            </div>
            <div style="width: 24px; height: 24px; position: relative">
                <div style="width: 17px; height: 17px; left: 2px; top: 2px; position: absolute; border: 1.50px #333333 solid"></div>
                <div style="width: 4.24px; height: 4.24px; left: 16.61px; top: 16.61px; position: absolute; border: 1.50px #333333 solid"></div>
            </div>
            <div style="width: 24px; height: 24px; position: relative">
                <div style="width: 20px; height: 17.16px; left: 2px; top: 4px; position: absolute; border: 1.50px #333333 solid"></div>
            </div>
            <div style="width: 24px; height: 24px; position: relative">
                <div style="width: 7px; height: 7px; left: 8.50px; top: 3px; position: absolute; border: 1.50px #333333 solid"></div>
                <div style="width: 18px; height: 7px; left: 3px; top: 14px; position: absolute; border: 1.50px #333333 solid"></div>
            </div>
            <div style="padding-left: 8.50px; padding-right: 8.50px; padding-top: 5px; padding-bottom: 5px; background: #333333; border-radius: 16px; overflow: hidden; border: 1px solid; justify-content: center; align-items: center; display: flex">
                <div style="text-align: center; color: white; font-size: 18px; font-family: Helvetica Neue; font-weight: 400; line-height: 18px; word-wrap: break-word">0</div>
            </div>
        </div>
    </div>
    <div style="padding-top: 24px; padding-bottom: 24px; padding-left: 64px; padding-right: 415px; left: 0px; top: 60px; position: absolute; border-bottom: 0.50px #333333 solid; justify-content: flex-start; align-items: center; gap: 201.06px; display: inline-flex">
        <img style="width: 148.94px; height: 40px" src="https://via.placeholder.com/149x40" />
        <div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 40px; display: inline-flex">
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">about</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Featured</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Necklaces</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Earrings</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Rings</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Bracelets</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Material</div>
            <div style="color: #333333; font-size: 18px; font-family: Labor Union; font-weight: 400; line-height: 26px; word-wrap: break-word">Other Accessories</div>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim" crossorigin="anonymous"></script>
  </body>
</html>